<template>
<!-- 空投规则页面 -->
	<view class="rule_wrapper">
		<view class="rule_wrapper_header">
		</view>
		<view class="rule_wrapper_body">
			<view class="rule_wrapper_body_lists" v-if="hide">
		
					<view class="rule_wrapper_body_item">
						<view class="rule_wrapper_body_item_image">
								<view class="rule_wrapper_body_item_width_1"><image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/wallet/airdropRule1.svg"></image></view>
							</view>
						<view class="rule_wrapper_body_item_text">
							<view class="rule_wrapper_body_item_title">获取币总量</view>
							<view>{{data.one.a}}</view>
							<view>{{data.one.b}}</view>
							<view>{{data.one.c}}</view>
						</view>
					</view>
					<view class="rule_wrapper_body_item">
						<view class="rule_wrapper_body_item_image">
							<view class="rule_wrapper_body_item_width_2">
								<image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/wallet/airdropRule2.svg" class="sss"></image></view></view>
						<view class="rule_wrapper_body_item_text">
								<view class="rule_wrapper_body_item_title"> 空投币获取规则</view>
							<view>{{data.two.a}}</view>
							<view>推荐人可得到10枚赠币</view>
							<view></view>
						</view>
					</view>
					<view class="rule_wrapper_body_item">
						<view class="rule_wrapper_body_item_image">
							<view class="rule_wrapper_body_item_width_3">
								<image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/wallet/airdropRule3.svg"></image>
								</view>
							</view>
						<view class="rule_wrapper_body_item_text">
								<view class="rule_wrapper_body_item_title">每日释放币规则</view>
							<view>{{data.three.a}}</view>
							<view></view>
							<view></view>

						</view>
					</view>
					<view class="rule_wrapper_body_item rule_wrapper_body_item_last">
						<view class="rule_wrapper_body_item_image"><view
						 class="rule_wrapper_body_item_width_4"><image src="https://pcdcoin.oss-cn-chengdu.aliyuncs.com/pcdApp/wallet/airdropRule4.svg"></image></view></view>
						<view class="rule_wrapper_body_item_text">
							<view class="rule_wrapper_body_item_title"> 当日转入可提最高限额</view>
							<view>{{data.four.a}}</view>
							<view>{{data.four.b}}</view>
							<view>{{data.four.c}}</view>
						</view>
					</view>
		
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data(){
		return{
			data:{},
			hide:false
		}
	},
	onLoad(){
		this.getRuleData()
	},
	methods:{
		getRuleData(){
			uni.showLoading({
    	title: '加载中'
});
			this.$api.getRule({}, res => {
				if(res.data.type=="ok"){
					this.data=res.data.message;
					this.hide=true
					 uni.hideLoading();
				}
			})

		
	}
	}
}
</script>
<style lang="scss" scoped>
.rule_wrapper{
	position: relative;
	height: 100vh;
	view{
		box-sizing: border-box;
	}
	.rule_wrapper_header{
	
		height: 128upx;
		width: 100%;
	
		background-color: #25263D;
	}
	.rule_wrapper_body{
			position: absolute;
		top: 30upx;
		left: 0;
			z-index: 1;
			width: 100%;
		// height: 800upx;

		padding: 0 25upx;
		

		// background-color: #ccc;
		.rule_wrapper_body_lists{
			padding: 30upx 50upx;
			background-color: #fff;
			box-shadow: 0 0 3upx 3upx rgba(0,0,0,0.1);
			background:#FFFFFF;
			border-radius:10px;
			.rule_wrapper_body_item{
				position: relative;
					height: 273upx;
					display: flex;
					align-items: center;
					.rule_wrapper_body_item_image{
						width: 222upx;
						display: flex;
						justify-content: center;
						// padding-top: 76upx;
						.rule_wrapper_body_item_width_1{
							width: 66upx;
							height: 59upx;
						}
							.rule_wrapper_body_item_width_2{
							width: 66upx;
							height: 67upx;
						}
							.rule_wrapper_body_item_width_3{
							width: 67upx;
							height: 69upx;
						}
							.rule_wrapper_body_item_width_4{
							width: 59upx;
							height: 53upx;
						}
						// align-items: center;
						// view{
							// width: 65upx;
							// height: 65upx;
							image{
								width: 100%;
								height: 100%;
							}
						

						// }
					}
					.rule_wrapper_body_item_text{
							// padding-top: 70upx;
							view{
							color: #333333;
							font-size: 13px;
							font-weight:550;

						}
						.rule_wrapper_body_item_title{
							font-weight:700;
							margin-bottom: 20upx;
							
						}
						
					}
				

			}
		.rule_wrapper_body_item:after{
		    content:"";
			position:absolute;
		    bottom:0;
		    left:0;
		    right:0;
		    border-top:1px solid rgba(0,0,0,0.1);
		    -webkit-transform:scaleY(.5);
		    -webkit-transform-origin:0 0;
		}
		.rule_wrapper_body_item_last:after{
				content:"";
			position:absolute;
		    bottom:0;
		    left:0;
		    right:0;
		    border-top:none;
		}

		}

	}
}
</style>